

{extend name="index/index" /}
{block name="main"}
<!--头部-->



<div id="wrapper">
    <style type="text/css">
        div.small {
            font-size: 12px;
        }
        div.normal {
            font-size: 14px;
        }
        div.big {
            font-size: 16px;
        }
    </style>
    <script type="text/javascript" src="/static/js/picobox.js"></script>
    <script type="text/javascript" src="/static/js/picobox_beauty.js"></script>
    <link rel="stylesheet" href="/static/css/picobox.css" type="text/css"/>
    <link rel="stylesheet" href="/static/css/picobox_beauty.css" type="text/css"/>
    <script type="text/javascript" src="/static/js/page.js"></script>
    <link href="/static/css/article.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/static/css/content.css" type="text/css"/>
    <div class="mainContent">
        <div class="column" id="detailWrapper">
            <div id="detail" class="columnBody">
                <div class="postHeader">


                    <h2>{$list['title']}</h2>

                    <h5>{$list['post_time']}</h5>


                    <div class="menubar">
                        <div class="info">
                            作者：<a rel="external nofollow" href="#"

                                  target="_blank">{$list['author']}</a>


                            &nbsp;来源：<a href="#" target="_blank">豆子的天空</a>
                            <br/>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>

                <div class="postBody">


                    <div class="clear"></div>

                    <div class="tag"><strong>标签：</strong>

                        <a href="/xingzhe/游记">游记</a>

                        <a href="/xingzhe/旅行">旅行</a>


                    </div>

                    <div class="share_new">

                        <!-- Baidu Button BEGIN -->

                        <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">

                            <span class="bds_more">分享到：</span><a class="bds_tsina"></a>

                            <a class="bds_qzone"></a>

                            <a class="bds_tqq"></a>

                            <a class="bds_renren"></a>

                            <a class="bds_t163"></a>

                            <a class="shareCount"></a>
                        </div>
                        <script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=6785502"></script>

                        <script type="text/javascript" id="bdshell_js"></script>

                        <script type="text/javascript">

                            document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date() / 3600000)

                        </script>

                        <!-- Baidu Button END -->

                    </div>

                    <div class="clear"></div>

                </div>

                <div class="postFooter">


                </div>

            </div>

        </div>
        <div id="comments" class="commentList">
            点赞<button  art_id="{$list['id']}" class="love_btn"><img src="/static/images/love.png" alt="点赞"></button>
            
            点赞总数:<span id='zan'>{$list['love']}</span> |阅读({if condition="$list['count'] == 0"}0
            {else /}{$list['count']}
            {/if})| <button  ac_id="{$list['id']}" id="reprint" class="reprint">转载&nbsp;</button>
            (<span id="count" class="reprint">{if condition="$list['count'] == 0"}0
            {else /}{$list['rep_count']}
            {/if}</span>)

        </div>

       
        <div id="comment" class="commentList">



            评论

<!-- UY BEGIN -->
<div id="uyan_frame"></div>
<script type="text/javascript" src="http://v2.uyan.cc/code/uyan.js"></script>
  
<!-- UY END -->


  <div class="comments">
    <header>
      <h1>所有评论</h1>
    </header>
   <!--  <div class="comments-list">
      <div class="comment">
        ...
      </div>
      ...
    </div> -->

  <section class="comments-list">
    <div class="comment">
     
      <div class="content">
        <div class="pull-right text-muted">2 个小时前</div>
        <div><a href="###"><strong>Catouse</strong></a> <span class="text-muted">回复</span> <a href="###">张士超</a></div>
        <div class="text">你到底把我家钥匙放哪里了...</div>
        <div class="actions">
          <a href="##">回复</a>
          <a href="##">编辑</a>
          <a href="##">删除</a>
        </div>
      </div>
    </div>
  </section>


      <form id="myform" action="/blog/comment_sub" class="form" >
  
        <input type="hidden" name="art_id" value="{$list['id']}">
        <input type="hidden" name="create_time" value="{:date('Y-m-d H:i:s')}">
          <textarea class="form-control new-comment-text" rows="2" name="text" placeholder="撰写评论..."></textarea>
            <button  id="sub_btn" class="btn btn-block btn-primary">提交</button>
        
   
      </form>


</div>



        </div>
        



    </div>

    <div class="subContent">

        <!--Tag图-->

        <div id="tagCloud" class="module">
            <div class="borderlineSt"></div>
            <h3><strong>热门Tag</strong> <span class="more"><!-- <a href="#">更多</a> --></span></h3>
            <ul>
                <li><a href="/xingzhe/游记/">游记</a></li>
                <li><a href="/xingzhe/旅游景点/">旅游景点</a></li>
                <li><a href="/xingzhe/旅行/">旅行</a></li>
                <li><a href="/xingzhe/城市/">城市</a></li>
                <li><a href="/xingzhe/欧洲/">欧洲</a></li>
                <li><a href="/xingzhe/出境/">出境</a></li>
                <li><a href="/xingzhe/西藏/">西藏</a></li>
                <li><a href="/xingzhe/大海/">大海</a></li>
                <li><a href="/xingzhe/日本/">日本</a></li>
                <li><a href="/xingzhe/云南/">云南</a></li>
                <li><a href="/xingzhe/街头/">街头</a></li>
                <li><a href="/xingzhe/浙江/">浙江</a></li>
                <li><a href="/xingzhe/上海/">上海</a></li>
                <li><a href="/xingzhe/古镇/">古镇</a></li>
                <li><a href="/xingzhe/泰国/">泰国</a></li>
                <li><a href="/xingzhe/旅游/">旅游</a></li>
                <li><a href="/xingzhe/摄影/">摄影</a></li>
                <li><a href="/xingzhe/厦门/">厦门</a></li>
                <li><a href="/xingzhe/法国/">法国</a></li>
                <li><a href="/xingzhe/名胜古迹/">名胜古迹</a></li>
                <li><a href="/xingzhe/攻略/">攻略</a></li>
                <li><a href="/xingzhe/香港/">香港</a></li>
                <li><a href="/xingzhe/四川/">四川</a></li>
                <li><a href="/xingzhe/福建/">福建</a></li>
                <li><a href="/xingzhe/马来西亚/">马来西亚</a></li>
            </ul>
            <div class="borderlineSt"></div>
        </div>
        <!--精彩推荐-->

        <div id="spotlight" class="module">

            <h3 id="recommended"><strong>历史上的今天</strong></h3>

            <div class="featured">

                <div class>

                    {foreach $json as $new}
                   <p style="color:#78BC27;margin-left:0">{$new['title']}</p>
                   <p style="color:#78BC27">{$new['lsdate']}</p>


                    {/foreach}

                </div>

                <div class="clear"></div>

            </div>



        </div>    <!--ad-->


        <!--看法电子报-->

        <div id="viewpoint" class="module">

            <div class="borderlineSt"></div>

            <h3><strong>看法电子报</strong></h3>

            <div class="featured"><a rel="external nofollow" href="#"
                                     target="_blank"><img

                    src="/static/images/相亲2.jpg" alt="给我一个相亲的理由"/></a></div>

            <div class="info">

                <h5><a rel="external nofollow" href="#" target="_blank">给我一个相亲的理由</a>
                </h5>


                在经历最初的期望与失望之后我就不再对通过相亲找到另一半抱有多大的幻想，久而久之变成一种痛并麻木着的应酬。

                <div class="readmore"><a rel="external nofollow" href="#"
                                         target="_blank">阅读更多&raquo;</a></div>

            </div>

            <div class="clear"></div>

            <ul>

                <li><a rel="external nofollow" href="#"
                       target="_blank">花样过年记</a> [编辑：暖]
                </li>
            </ul>

        </div>

        <div class="clear"></div>


        <div style="display:none;">

            <img src="other/.cn/htracker/pid=2444/media=blogbus/place=17bbpd/size=250x280"/>

        </div>
    </div>
</div>
<script>
$(function(){
    $(".love_btn").click(function(){
        var id = $(this).attr('art_id');//对应文章id
        $.ajax({
            type : 'get',
            url : '/article/love',
            data:{'id':id},
            dataType:'json',
            success:function(data){
                if (data.status) {
                    $('#zan').text('');
                   $('#zan').text(data.count) ;
                    alert('感谢您的赞');
                }else{
                    alert('您已经赞过啦');
                }

            }
        });
    })
});

//转载
$('#reprint').click(function(){
    var id = $(this).attr('ac_id');//对应文章id
    $.ajax({
        type:'get',
        url : '/blog/reprint/'+id,
        dataType:'json',
        success:function(data){
            var span = document.getElementById('count');
            if (data.status) {
               span.innerHTML= data.count;
               console.log(data.count);
                alert(data.msg);
            }
        }
        
    });
});


</script>
<div id="footer" class="footer">

    <div class="utilityMenu">

        <a target="_blank" rel="external nofollow" href="#">媒体报道</a>&nbsp;|&nbsp;

        <a target="_blank" href="#">关于我们</a>&nbsp;|&nbsp;

        <a target="_blank" href="#">工作机会</a>&nbsp;|

        &nbsp;<a target="_blank" href="#">相关法律</a>&nbsp;|

        &nbsp;<a target="_blank" href="#">广告服务</a>&nbsp;|

        &nbsp;<a target="_blank" rel="external nofollow" href="#">申请博客</a>&nbsp;|&nbsp;

        <a target="_blank" href="#">网站地图</a>&nbsp;|&nbsp;<a target="_blank" href="#">合作伙伴</a>

    </div>

    <div class="copyright">&copy; 2002-2017 BlogBus.com, All Rights Reserved. 博客大巴 版权所有 沪ICP备05008275号-1</div>

    <div style="width:300px;margin:0 auto; padding:20px 0;">

        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011202001260"
           style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img
                src="/static/images/ba.png"
                style="float:left;"/>
            <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">沪公网安备
                31011202001260号</p></a>

    </div>

</div>

<div id="gotop" class='pie' title='回到顶部'>

    <div id="arrow"><img src="/static/images/arrow.png"></div>

</div>

<script type="text/javascript">

    $(document).ready(function () {

        $(document).scroll(function () {

            if ($(document).scrollTop() < 200) {

                $('#gotop').fadeOut('normal');

            } else {
                $('#gotop').fadeIn('normal');
            }

            $('#arrow').click(function () {

                $(document).scrollTop(0);

            })

        });

    })

</script>


                


<div style='display:none'>

</div>

</body>

</html>


{/block}

